<!DOCTYPE html>
<html>
<head>
    <title>替换文章的内容</title>
    <#include "/header.html">
    <style>
        #selectBrandName {
            width: 60%;
            display: inline-block;
        }

        #brandId {
            width: 38%;
            display: inline-block;
            float: right;
        }

        #execute_btn {
            width: 100%;
        }

        .progress {
            background-color: gray;
            height: 30px;
        }

        .progress-bar {
            line-height: 30px;
            font-size: 26px;
        }
    </style>
</head>
<body>
<div id="rrapp" v-cloak>
    <div class="panel panel-default">
        <form class="form-horizontal" style="margin: auto;">
            <div class="form-group">
                <div class="col-sm-2 control-label">品牌</div>
                <div class="col-sm-10">
                    <input class="form-control" list="allBrandNames" placeholder="请选择品牌" id="selectBrandName" v-model="brandName" @change="updateBrand">
                    <datalist id="allBrandNames" style="line-height: 10px">

                    </datalist>
                    <input class="form-control" id="brandId" v-model="brandId" readonly>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">文章原内容</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" id="content" v-model="content" placeholder="文章原内容" />
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">文章新内容</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" id="newContents" v-model="newContents" placeholder='文章新内容，多个请用","分开' />
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-12" style="text-align: center;width: 100%">
                    <input type="button" class="btn btn-primary" @click="updateArticleContent" value="替换" id="execute_btn" />
                </div>
            </div>
        </form>
    </div>
</div>
<div style="display: none" id="progressView">
    <div class="panel panel-default">
        <form class="form-horizontal" style="margin: auto;">
            <div id="progressDiv">
                <p>当前进度：<span></span></p>
                <div class="progress">
                    <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="width: 0%">
                        0%
                    </div>
                </div>
            </div>
        </form>
    </div>
</div>
<script src="${request.contextPath}/statics/js/modules/sys/barticle_replace_content.js?_${.now?long}"></script>
</body>
</html>